@charset "utf-8";

span,
i,
b{
    display: inline-block;
}


/* 首页的最顶端 */

/* 最顶端左侧LOGO和首页选项 */
.index .left .logo{
    margin: 11px 121px 0 0;
}
.index .left .nav span{
    font: bold 16px/78px "微软雅黑";
    width: 80px;
    text-align: center;
    color: #383838;
}
/* 最顶端右侧搜索框 */
.index .right{
    font-size: 12px;
    text-align: center;
}
.index .right .search{
    position: relative;
    margin: 20px 21px 0 0 ;
    overflow: hidden;
    border: 1px solid #80c4ae;
    border-radius: 3px;
}
.index .right .search span{
    border-right: 1px solid #80c4ae;
    width: 67px;
    line-height: 34px;
    color: #80c4ae;
    text-indent: 14px;
    text-align: left;
}
.index .right .search input{
    width: 210px;
    /* height: 34px; */
    line-height: 34px;
}
.index .right .search i,
.index .right .search b{
    position: absolute;
}
.index .right .search i{
    top: 7px;
    right: 10px;
    font-size: 22px;
    color: #80c4ae;
}
.index .right .search b{
    top: 10px;
    left: 45px;
    color: #80c4ae;
}
/* 最顶端右侧的登录 */
.index .right .login{
    padding: 0 3px;
    line-height: 78px;
    color: #434343;
}
.index .left .nav .pitch-on{
    background-color: #80c4ae;
    color: #f6fbf9;
}
.index .right .login a{
    color: inherit;
}

/* 分割线 */
hr{
    border-bottom: 1px solid #f4f4f4;
}

/* 底部 */
.base{
    margin-top: 33px;
    padding: 69px 0 89px;
    background-color: #333333;
    font: 14px/18px "微软雅黑";
    color: #fefefe;
    text-align: center;
}
.base .nav{
    font: 14px/54px "微软雅黑";
    color: #f7f7f7;
}
/* 列表 */
.tab-small li{
    position: relative;
    margin: 0 20px 0 0;
    padding-bottom: 11px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #f8f8f8;
    font: 12px/20px "微软雅黑";
}
.tab-small .margin-right{
    margin-right: 0px;
}
.tab-small img{
    display: block;
}
.tab-small li .left{
    padding: 6px 0 0 14px;
}

.tab-small li .right{
    width: 86px;
    height: 30px;
    background-color: #74c6b3;
    border-radius: 3px;
    font-size: 16px;
    color: #ffffff;
}
.tab-small li::after{
    position: absolute;
    bottom: 68px;
    left: 0px;
    content: "1100人在学习";
    display: block;
    font: 12px/33px "微软雅黑";
    color: #faf3ee;
    background-color: rgba(0,0,0,0.3);
}
/* 年级学科之类的表格 */
.list td{
    font: 14px/26px "微软雅黑";
    color: #6c6c6c;
}
.list span{
    display: inline-block;
    width: 52px;
    text-align: center;
}
.list .first{
    font: bold 16px/2 "微软雅黑";
    color: #333333;
}
/* 固定导航栏 */
.fixed{
    position: fixed;
    right: 12px;
    top: 50%;
    margin-top: -111px;
    width: 70px;
}
.fixed>a>div>div{
    margin: 0 auto;
}
.fixed .center{
    margin: 6px 0;
}
.fixed .top .iconfont{
    width: 28px;
    font-size: 28px;
    color: #75b3a0;
}
.fixed .center .iconfont{
    width: 25px;
    font-size: 30px;
    color: #75b3a0;
}
.fixed .bottom .iconfont{
    width: 23px;
    font-size: 26px;
    font-weight: bold;
    color: #75b3a0;
}
.fixed p{
    text-align: center;
    font: 14px/25px "微软雅黑";
    color: #8ec8b2;
}
.fixed .top,
.fixed .center,
.fixed .bottom{
    height: 70px;
    background-color: #ffefd6;
    border-radius: 4px;
}
.fixed .top{
    padding-top: 15px;
    height: 55px;
}
.fixed .center{
    padding-top: 14px;
    height: 56px;
}
.fixed .bottom{
    padding-top: 14px;
    height: 56px;
}
/* 语文考试试题的顶部路径栏 */
.flow-nav{
    background-color: #f2f2f2;
    font: 14px/59px "微软雅黑";
    color: #4f4f4f;
}
.flow-nav i{
    margin: 0 17px 0 32px;
    font-size: 18px;
    font-weight: bold;
}
.flow-nav .sec-i{
    margin: 0 17px 0 23px;
}
.flow-nav .last{
    color: #787878;
}
/* 语文考试试题的底部查看全文 */
.topic a{
    margin: 54px 0 49px 0;
    display: block;
    font: bold 20px/1 "微软雅黑";
    color: #74c6b3;
    text-decoration: underline;
    text-align: center;
}
/* 语文考试卷子的顶部，详情评价 */
/* 考试的卷子 */
.topic{
    margin-top: 20px;
}
.topic .title{
    font: 14px/66px "微软雅黑";
    color: #383838;
    text-align: center;
    box-shadow: 0 0 5px #e7e7e7;
}
.topic .title span{
    display: inline-block;
    width: 80px;
}
.topic .title .click{
    background-color: #80c4ae;
    color: #ffffff;
}
/* 我的课程中心 */
.my-user{
    margin-top: 29px;
}
.my-user .nav .this-one{
    opacity: 1;
}
.my-user .nav .bottom .this{
    color: #97cfbd;
}
.my-user .nav{
    padding: 20px 35px 16px 16px;
    width: 169px;
    background-color: #fff;
}
.my-user .nav li{
    margin-bottom: 10px;
}
.my-user .nav i{
    margin-right: 12px;
    font-size: 25px;
    color: #7abca6;
    line-height: 40px;
}
.my-user .nav span{
    width: 11px;
    line-height: 40px;
    color: #cccccc;
}
.my-user .nav a{
    color: #818181
}
.my-user .nav h4{
    font: bold 14px/40px "微软雅黑";
}
.my-user .nav b{
    font-weight: bold;
    color: #78b8a3;
    opacity: 0;
}
.my-user .nav .bottom {
    padding-left: 39px;
    font: 12px/27px "微软雅黑";
    color: #818181;
    /* 鼠标点击效果后的颜色 */
    /* color: #97cfbd; */
}
/* 我的课程中心的路径 */
.path{
    font: 14px/70px "微软雅黑";
}
.path span{
    color: #4d4d4d;
    margin-right: 23px;
}
.path i{
    font-size: 16px;
    font-weight: bold;
    margin-right: 17px;
}
.path b{
    color: #777777  ;
}

/* 安全设置里 */
.file .student{
    margin-top: 13px;
    margin-bottom: 10px;
    width: 931px;
    border-bottom: 1px solid #e5e5e5;
}
.file .student a{
    display: inline-block;
    width: 100px;
    text-align: center;
    font: 14px/2 "微软雅黑";
    color: #484848;
}
.file .student .now{
    display: inline-block;
    margin-bottom: -1px;
    font: 14px/30px "微软雅黑";
    color: #ffffff;
    border-radius: 3px;
    background-color: #74c6b3;
}
